<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<!--    from表单action提交到哪儿，点提交按钮就会自动触发提交-->
<form action="#">
<!--    input控件
type设置控件类型
text普通文本输入框
password密码输入框
submit提交按钮
-->
<!--name控件名称 placeholder提示占位文本 value控件的值或按钮上的显示文字
maxlength最大输入长度 readonly只读-->
    用户名：<input type="text" name="username" value="rose" placeholder="请输入用户名"><br>
    密码：<input type="password" name="pwd" value="123456" maxlength="12"><br>
    昵称：<input type="text" name="nickname" value="大老板了" readonly><br>
<!--    radio单选 多个选项必须设置成同一个name属性分到同一个单选组才能实现
        还必须给每个选项设置value，也就是这个选项的值，否则提交的值是on-->
<!--    checked 设置当前选项默认选中-->
    性别：
        <input type="radio" name="gender" value="1" checked>男
        <input type="radio" name="gender" value="0">女
    <br>
    爱好：
    <input type="checkbox" name="like" value="ks">看书
    <input type="checkbox" name="like" value="dy">电影
    <input type="checkbox" name="like" value="yy" checked>游泳
    <input type="checkbox" name="like" value="yx">游戏
    <input type="checkbox" name="like" value="qfl">起飞咯
    <br>
    喜欢的颜色：<input type="color" name="color"><br>
    文件：<input type="file" name="file"><br>
    生日：<input type="date" name="birthday">
    <br>
    <input type="checkbox" id="agree">
    <label for="agree">我同意以上协议</label>
    <hr>
<!--    select下拉选框 option选项-->
    喜欢的城市<select name="city" id="city">
        <option value="cd">成都</option>
        <option value="heb">哈尔滨</option>
        <option value="nj">南京</option>
        <option value="cq">重庆</option>
        <option value="zz" selected>郑州</option>
    </select>
    <hr>
<!--    submit提交按钮 reset重置按钮，注意不是清空，button普通按钮，后期结合js使用-->
    <input type="submit" value="点我提交">
    <input type="reset" value="点我重置">
    <input type="button" value="普通按钮">
    <button>我是按钮</button>


</form>
</body>
</html>